<!--
 * @Author: sxb
 * @Email: sxb@mail.com
 * @Date: 2020-11-16 16:07:40
 * @Descripttion: 
-->
<template>
  <div>
    <el-form
      :model="searchForm"
      ref="searchFormRef"
      label-width="130px"
      :inline="true"
      size="small"
    >
      <el-form-item label="订单编号：">
        <el-input v-model="searchForm.a"></el-input>
      </el-form-item>
      <el-form-item label="申请日期：">
        <el-date-picker
          v-model="searchForm.b"
          type="daterange"
          range-separator="~"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="用户编号：">
        <el-input v-model="searchForm.c"></el-input>
      </el-form-item>
      <el-form-item label="商品名称：">
        <el-input v-model="searchForm.d"></el-input>
      </el-form-item>
      <el-form-item label="退货处理状态：">
        <el-select v-model="searchForm.e" placeholder="请选择">
          <el-option label="退货中" value="退货中"></el-option>
          <el-option label="未退货" value="未退货"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="时间段：">
        <el-select v-model="searchForm.f" placeholder="请选择">
          <el-option label="三个月内" value="三个月内"></el-option>
          <el-option label="六个月内" value="六个月内"></el-option>
          <el-option label="九个月内" value="九个月内"></el-option>
          <el-option label="十二个月内" value="十二个月内"></el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="支付日期：">
        <el-date-picker
          v-model="searchForm.g"
          type="daterange"
          range-separator="~"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="searchChange">查询</el-button>
        <el-button icon="el-icon-delete">重置</el-button>
      </el-form-item>
    </el-form>
    <avue-crud
      ref="crud"
      :option="tableOption"
      :data="list"
      :page="page"
      v-model="form"
      :table-loading="listLoading"
      @on-load="getList"
      @size-change="sizeChange"
      @current-change="currentChange"
    ></avue-crud>
  </div>
</template>

<script>
import { tableOption } from "@/const/crud/deal/back";
export default {
  name: "backMoney",
  data() {
    return {
      searchForm: {},
      tableOption: tableOption,
      page: {
        total: 1, // 总页数
        currentPage: 1, // 当前页数
        pageSize: 20, // 每页显示多少条
      },
      list: [],
      listLoading: false,
      form: {},

  
    };
  },
  methods: {
    getList() {
     
    },
    searchChange() {
      this.page.currentPage = 1;
      this.getList(this.page, form);
      done();
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    currentChange(current) {
      this.page.currentPage = current;
    },
  },
 
};
</script>

<style lang="scss" scoped>
</style>